// 负责管理所有的自定义指令

export const imagerror = {
  // 指令对象, 会在当前的 dom 元素插入到节点之后执行
  inserted (dom, options) {
    // options 是 指令中的变量的解释, 其中有一个属性叫做 value
    // dom 表示当前指令作用的 dom 对象
    // dom 认为此时就是图片
    // 当图片有地址 但是地址没有加载成功的时候 会报错, 会触发图片的一个事件 => onerror

    // 初始化的时候, 如果有值,则赋值, 如果没有,则需要进行默认值赋值
    dom.src = dom.src || options.value

    dom.onerror = function () {
      // 当图片出现异常的时候 会将指令配置的默认图片设置为该图片的内容
      // dom 可以注册 error 事件
      dom.src = options.value // 这里不能写死
    }
  },
  // 该函数会在当前指令作用的指令, 更新数据完毕之后 执行
  // inserted 只会执行一次
  // 组件初始化之后 再更新 就不会再进入 inserted 函数 会进入 componentUpdated 函数
  componentUpdated (dom, options) {
    dom.src = dom.src || options.value
  }
}
